<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thmeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
    <meta http-equiv="expires" content="0">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>码蚁图册|用户注册</title>
    <script th:src="@{/webjars/jquery/3.4.1/jquery.js}"></script>
    <script th:src="@{js/register.js}"></script>
    <link th:href="@{/webjars/bootstrap/4.0.0/css/bootstrap.css}" rel="stylesheet"/>
    <link th:href="@{css/register.css}" rel="stylesheet"/>
</head>
<body>

<div class="container">
    <div class="col-md-6 offset-md-3" id="register">
        <h1 class="text-center">User Register</h1>
        <div id="error" class="text-center" style="color: lightgray" th:text="${error}" th:if="${not #strings.isEmpty(error)}"></div>
        <div class="form-group row">
            <div class="col-md-3 col-sm-4 col-4">
                <label for="userName">userName</label>
            </div>
            <div class="col-md-9 col-sm-8 col-8">
                <input type="text" class="form-control" id="userName" placeholder="userName" maxlength="8">
            </div>
        </div>
        <div class="form-group row">
            <div class="col-md-3 col-sm-4 col-4">
                <label for="userPassword">userPassword</label>
            </div>
            <div class="col-md-9 col-sm-8 col-8">
                <input type="password" class="form-control" id="userPassword" placeholder="userPassword" maxlength="12">
            </div>
        </div>
        <div class="text-right"><a href="/">Have an account? To login</a></div>
        <div class="row">
            <button id="submit" class="btn btn-default col-md-4 offset-md-4">Register</button>
        </div>
    </div>
</div>
<div th:replace="Login::foot"></div>
</body>
</html>